@charset "utf-8";
@import "_config";

.ucs-form-group {
  position: relative;
  height: nth($global-input-form, 1);
  line-height: nth($global-input-form, 1);
  margin-bottom: nth($global-input-form, 2);
  &:after {
    @include clear();
  }
  label {
    float: left;
    display: block;
    width: 120px;
    text-align: right;
    margin-right: 5px;
    line-height: nth($global-input-form, 1);
    z-index: 11;
  }
  .ucs-input-control {
    float: left;
  }
  .ucs-select-dropdown {
    float: left;
  }
  .ucs-values {
    float: left;
  }
  .unit {
    float: left;
    margin-left: 5px;
  }
  /*验证码输入框长度*/
  .ucs-input-code {
    width: 200px;
  }
  //自动高时
  &.ucs-auto-height {
    height: auto;
    line-height: inherit
  }
  //验证相关
  .ucs-form-explain {
    position: absolute;
    top:29px;
    left:106px;
    float: left;
    margin-left: 10px;
    color: nth($global-input-tips, 1);
    i {
      color: nth($global-input-tips, 1);
      vertical-align: middle;
      display: inline-block;
      margin-right: 5px;
      font-size: 20px;
      //background: #f60;
      &.icon-error{
        display:none;
      }
    }
    &.success {
      position: relative;
      top:0;
      left: 0;
      color: nth($global-input-tips, 2);
      i {
        color: nth($global-input-tips, 2);
        //background: #4ca40b;
      }
    }
  }
  .ucs-label {
    float: left;
    display: block;
    width: 155px;
    text-align: right;
    margin-right: 5px;
    line-height: 40px;
    z-index: 11;
  }
  .ucs-input-code {
    width: 150px;
  }
  .ucs-btn{
    float: left;
  }
  .ucs-btn-code {
    width: 110px;
    background: #69f;
    float: left;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}